import { createVNode, render } from 'vue'
// 引入信息提示组件
import XueyanMessage from './XueyanMessage.vue'
// 准备dom容器
const div = document.createElement('div')
// 添加类名
div.setAttribute('class', 'message-container')
// 添加到body上
document.body.appendChild(div)

// 定时器标识
let timer: any = null

// @ts-ignore
export default ({ type, text, duration }) => {
  const vnode = createVNode(XueyanMessage, { type, text, duration })
  // 3. 准备一个DOM容器
  // 4. 把虚拟节点渲染DOM容器中
  render(vnode, div)
  // 5. 开启定时器，移出DOM容器内容
  clearTimeout(timer)
  timer = setTimeout(() => {
    render(null, div)
  }, duration)
}
